<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>EasyMDE demo</title>
    <link  rel="stylesheet"  href="/scripts/marked/css/easymde.min.css" />
    <link rel="stylesheet" href="/scripts/marked/css/markdown-light.css" />
    <script src="/scripts/marked/easymde.min.js"></script>
  </head>

  <body>
    <a href="javascript:window.history.back();">返回</a>
    <textarea id="my-text-area">
# 复合组件

# 15.table
``` json
{
	"blank": true,
	"param": {
		"titles": [],
		"model": []
 	},
	"editWidth": 450,
	"editHeight": 450,
 }
```
|#|name|类型|默认值|说明|
|-|----|---|------|----|
|1|blank|bool|true|是否运行为空，默认允许为空|
|2|param|||数据参数|
|3|editWidth|int|450|显示框宽度|
|4|editHeight|int|450|显示框高度|

# 16.tree
```json
{
	"blank": true,
	"param": {
		"titles": [],
		"model": []
 	},
	"editWidth": 450,
	"editHeight": 450,
 }
```
|#|name|类型|默认值|说明|
|-|----|---|------|----|
|1|blank|bool|true|是否运行为空，默认允许为空|
|2|param|||数据参数|
|3|editWidth|int|450|显示框宽度|
|4|editHeight|int|450|显示框高度|

# 17.attr
```json
{
	"blank": true,
	"ajaxUrl":"",
	"editType",1,
	"modelNo",-1,
	"param": {
		"titles": [],
		"model": []
 	},
	"loadDefault":false,
	"editWidth": 450,
	"editHeight": 450,
 }
```
|#|name|类型|默认值|说明|
|-|----|---|------|----|
|1|blank|bool|true|是否运行为空，默认允许为空|
|2|ajaxUrl|string||外部数据源|
|3|editType|int|1|编辑模式  1-属性编辑模式, 2-form编辑模式|
|4|modelNo|int|-1|模板|
|5|param|||数据参数|
|6|loadDefault|bool|false|加载默认值|
|7|editWidth|int|450|显示框宽度|
|8|editHeight|int|450|显示框高度|

# 900.uiMask
ui_mask字段设置

#901.param（属性设置）
虚表字段，显示界面不使用
数据格式
```json
{
	"titles": [{
		"is_func": false,
		"name": "title",
		"ui_title": "Title",
		"ui_type": 2,
		"ui_width": 80,
		"ui_visible": true,
		"ui_readonly": false,
		"ui_mask": "{\"default\":\"111\"}"
	},
	}],
	"model": [{
		"describe": "Html模板",
		"model": "<table _n=\"_tb\"></table>\n",
		"type": 2,
		"no": "1"
	},]
}
```
- titles:字段属性
- model:模板
type==1:表格模板
type==2:web form模板
type==3:Code编码模板

# 902.virtual(虚表参数设置)
- table
```json
{
	"ui_type": 15,
	"blank": true,
	"param": {
		"titles": [],
		"model": []
 	},
	"editWidth": 450,
	"editHeight": 450
 }
```
- tree
```json
{
	"ui_type": 16,
	"blank": true,
	"param": {
		"titles": [],
		"model": []
 	},
	"editWidth": 450,
	"editHeight": 450
 }
```
- attr
```json
{
	"ui_type": 17,
	"blank": true,
	"ajaxUrl":"",
	"editType",1,
	"modelNo",-1,
	"param": {
		"titles": [],
		"model": []
 	},
	"loadDefault":false,
	"editWidth": 450,
	"editHeight": 450
}
```

# 903.unitedit
虚表联合编辑，配合902虚表参数设置

# ujson格式文件
```json
{
  "ui_mask": {
    "editType": 1,
    "blank": true,
    "displayMember": "name",
    "editWidth": "500",
    "editHeight": "400",
    "ui_type": 16,
    "param": {
      "titles": [
        {
          "is_func": false,
          "name": "name",
          "ui_title": "名称",
          "ui_type": 2,
          "ui_width": 180,
          "ui_visible": true,
          "ui_readonly": false,
          "ui_mask": {}
        }, 
      ],
      "model": []
    }
  },
  "data": [
    {
      "name": "uieip",
    },
  ]
}
```
- ui_type
902虚表参数
- data
903虚表编辑数据
</textarea>
<script>
  const easymde = new EasyMDE({
    element: document.getElementById('my-text-area'),
  });
</script>
</body>
</html>
